.fitment-log{
  .fitment-top{
    width:100%;
    height:400px;
    position: relative;
    .download{
      width:100%;
      height:80px;
      text-align: center;
      line-height: 80px;
      color: #fff;
      font-size: 30px;
      position: absolute;
      top: 0;
      left: 0;
      background:rgba(255,174,52,.9);
      box-shadow:0px 3px 4px 0px rgba(102,100,100,0.33);
    }
    .img-cover{
      width: 100%;
      height: 100%;
    }
    .page{
      width:80px;
      height:36px;
      line-height: 36px;
      text-align: center;
      color: #fff;
      font-size: 24px;
      background:rgba(123,123,123,0.44);
      border-radius:8px;
      position: absolute;
      right: 42px;
      bottom: 46px;
    }
  }
  .fitment-content{
    box-sizing: border-box;
    padding: 0 24px; 
    .biref{
      width:702px;
      height:252px;
      background:#fff;
      box-shadow:0px 0px 4px 4px rgba(225,225,225,0.5);
      border-radius:10px;
      box-sizing: border-box;
      padding: 40px 22px 44px;
      margin-top: 22px;
      .biref-top{
        display: flex;
        flex-direction: row;
        .img{
          width:60px;
          height:60px;
          border-radius: 50%;
          margin-right: 24px;
        }
        .name{
          font-size: 24px;
          line-height: 60px;
          color: #7F7F7F;
        }
      }
      .biref-title{
        font-size:32px;
        color: #333;
        margin-top: 24px;
        margin-bottom: 30px;
      }
      .biref-sub{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        font-size: 24px;
        color: #7F7F7F;
      }
    }
    .msg{
      margin-top: 22px;
      width: 100%;
      color: #7F7F7F;
      font-size: 24px;
      line-height: 34px;
    }
  }
}